<template>
  <div class="mineList">
    <el-descriptions title="个人信息">
      <el-descriptions-item label="昵称">{{
        userInfo.nickname
      }}</el-descriptions-item>
      <el-descriptions-item label="国家">{{
        userInfo.country
      }}</el-descriptions-item>
      <el-descriptions-item label="居住地">{{
        userInfo.province
      }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState(["userInfo"]),
  },
};
</script>
